<!DOCTYPE html>
<html>

<head>
    <title></title>
    <link rel="stylesheet" href="css/reset.css" type="text/css">
    <link rel="stylesheet" href="css/main.css" type="text/css">
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0" />
    <meta name="msapplication-tap-highlight" content="no" />
    <script type="text/javascript" src="js/jquery-2.0.3.min.js"></script>
    <script type="text/javascript" src="js/createjs-2013.12.12.min.js"></script>
    <script type="text/javascript" src="js/main.js"></script>
</head>

<body ondragstart="return false;" ondrop="return false;">
    <script>
    $(document).ready(function() {
        var oMain = new CMain({
            combo_value: 50, //amount added to the score for each ball exploded in a combo
            extra_score: 100 //amount added to the score when level is completely cleared
        });

        $(oMain).on("game_start", function(evt) {
            //alert("game_start");
        });

        $(oMain).on("save_score", function(evt, iScore) {
            //alert("iScore: "+iScore);
        });

        $(oMain).on("restart", function(evt) {
            //alert("restart");
        });
    });
    </script>
    <canvas id="canvas" class='ani_hack' width="1024" height="768"> </canvas>
</body>

</html>